import React, { useState } from 'react';
import CameraButtonImg from '../../../resources/images/camera.svg';
import CameraButtonImgOff from '../../../resources/images/cameraOff.svg';

const CameraButton = () => {
    const [isLcoalVideoDisabled, setIsLcoalVideoDisabled] = useState(false);
    
    const camera = isLcoalVideoDisabled ? CameraButtonImgOff : CameraButtonImg;
    
    const handleCameraButtonPressed = () => {
        setIsLcoalVideoDisabled(!isLcoalVideoDisabled);
    }
    
	return (
        <div className='video_button_container'>
            <img src={camera} onClick={handleCameraButtonPressed} className='video_button_image' />
        </div>
	)
}

export default CameraButton;
